<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>

    </style>
</head>

<body>
    <ul class="menu">
        <li class="item">菜单1</li>
        <li class="item">菜单2</li>
        <li class="item">菜单3</li>
        <li class="item">菜单4</li>
        <li class="item">菜单5</li>
        <li class="item c2 c3 " id="item6" data-msg="hello" data-name="林啸天">

            <!-- 注释节点 -->
            菜单6,id=a
            <ul class="sub-menu">
                <li class="sub-item">子菜单1</li>
                <li class="sub-item">子菜单2</li>
                <li class="sub-item">子菜单3</li>
            </ul>

        </li>
        <li class="item">
            菜单7
            <ul class="sub-menu">
                文字
                <li class="sub-item">子菜单1</li>
                <!-- 注释节点 -->
                <li class="sub-item">子菜单2</li>
                <li class="sub-item">子菜单3</li>
            </ul>
        </li>
        <li class="item">菜单</li>
    </ul>
    <p id="p2">锄禾日当午</p>
    <a href="">a1</a>
    <a href="">a2</a>
    <a href="">a3</a>
    <!-- beforebegin
    begin<ul>
        afterbegin
        <li class="ii"></li>
        <li class="ii"></li>
        <li class="ii"></li>
        <li class="ii"></li>
        <li class="ii"></li>
        beforeend
    end</ul>
    afterend -->
    <form action="">
        <input type="text" placeholder="请输入用户名"><br>
        <label for="nan">男同胞</label><input id="nan" type="radio" name="gender" value="男"><br>
        <label for="nv">美女</label><input id="nv" type="radio" name="gender" value="女"><br>
        <label for="no">不知道</label><input id="no" type="radio" name="gender" value="密码"><br>
    </form>
    <script src="dom.js"></script>
</body>

</html>